<template>
  <div class="twopage">
    <p>there is twopage</p>
    <router-view></router-view>
    <div align="center"><img src="../assets/images/logo.png" width="100" /></div>
    <div><input type="text" class="fontword" v-model="fontword" /></div>
    <div class="datetime_test">
      <span class="dname">出生日期</span>
      <h-datetime
        placeholder="请选择"
        start-year="1900"
        end-year="2100"
        class="t1"
        title="选择起始日期"
        type="date"
        v-model="datetime"
      ></h-datetime>
    </div>
  </div>
</template>

<script>
export default {
  name: 'twopage',
  data() {
    return {
      // note: changing this line won't causes changes
      // with hot-reload because the reloaded component
      // preserves its current state and we are modifying
      // its initial state.
      msg: 'Hello World!',
      options: [
        {
          icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
          key: '001',
          value: 'radio001',
        },
        {
          icon: 'http://dn-placeholder.qbox.me/110x110/FF2D55/000',
          key: '002',
          value: 'radio002',
        },
      ],
      value: true,
      fontword: '',
      datetime: '2019-10-11',
    }
  },
}
</script>
<style scoped>
.vux-demo {
  text-align: center;
}
.logo {
  width: 100px;
  height: 100px;
}
.datetime_test {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 36px;
  line-height: 36px;
}
.datetime_test .dname {
  display: block;
  width: 90px;
  float: left;
  padding-left: 10px;
  background: #fff;
}
.fontword {
  margin-bottom: 15px;
  height: 36px;
}
</style>
